<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/sucai.css">
		<style type="text/css">
			
			.footer{
				width: 100%;
				height: 50px;
				background-color: black;
			}
			.footer a{
				font-size: 14px;
				padding-left: 50%;
				padding-top: 5px;
				color: darkgray;
			}
			
		</style>
	</head>
	<body>
		<div class="head">
			<h1><a href="index.html"><img src="img/logo.png" alt="Gerald Harris attorney at law"></a> </h1>
				<ul class="dh">
	                   <li class="xl"><a href="index.html">动物之家</a>
	                   		<ul class="xl1">
	                         <li><a href="#">小猫猫</a></li>
	                         <li><a href="#">小狗狗</a></li>
	                     </ul>
	                   </li>
	                   <li class="xl"><a href="1.html">宠物百科 </a>
	                     <ul class="xl1">
	                         <li><a href="#">宠物推荐</a></li>
	                         <li><a href="#">宠物档案</a></li>
	                     </ul>
	                   </li>
	                   <li class="xl"><a href="2.html">服务咨询</a>
	                   		<ul class="xl1">
	                         <li><a href="#">动物问题</a></li>
	                         <li><a href="#">喂养事项</a></li>
	                     </ul>
	                   </li>
	                   <li><a href="3.html">登录|注册</a></li>
	            </ul>
		</div>
		
		
		
		
		<div class="nav">
			<div class="tupian">
				<div class="lunb">
		            <div id="div2" class="div01"></div>
		            <div id="div3" class="div01"></div>
		            <div id="div4" class="div01"></div>
		            <div id="div5" class="div01"></div>
		            <img id="img1" class="img01" src="img/slide.jpg">
		            <img id="img2" class="img01" src="img/slide1.jpg">
		            <img id="img3" class="img01" src="img/slide2.jpg">
		            <img id="img4" class="img01" src="img/slide3.jpg">
	        	</div>
	        	<div class="wenzi">
					<div class="zi">
						<a>他们需要</br><span>爱</span>和你们的<span>照顾</span></a>
						</br></br></br><a>it is so easy to make them happy</a>
					</div>
				</div>
			</div>
			
			
			
			
			
			
		</div>
		<div class="neir">
			<div class="z">
				<h1>Welcome to Our Site</h1><img id="dwt1" src="img/icon1.png">
					<div class="z1">
						<img id="dwt2" src="img/page1_img5.jpg">
						<p style="color: black;"><strong>C</strong>lick here for more info about this free website template created by TemplateMonster.com</p>

					</div>
					<div class="z2">
						<p>Praesent quis orci eget diam viverra consequat. Fusce sagittis quam in pulvinar sollicitudin velit velit cursus nibh ullamcorper accumsan sem lectus ut sapien. Donec venenatis posuere velit aty convallis neque ullamcorper quis. Integer posuere ipsum eu risus sollicitudin nec varius eratylo luctus. Fusce fringilla erat ac urna pe llentesque congue. Nunc fringilla diam sit amet adipi scing bibendum turpis velit feugiat urna et pharetra neque nisi ac nunc. Vivamus est quam dapibuslok. ..ullamco rper imperdiet nec euismod ut arcu. Nulla facilisi. Etiam mauris lorem pulvinar vel con sequat ut pretium ac erat. Morbi facilisis elit eu nisl blandit ac blandit enim faucibu. Praesent quis orci eget diam viverra consequat. Fusce sagittis.</p>
					</div>
					<div class="z3"><a href="2.html" class="btn">More</a></div>
			</div>
			<div class="y">
				<h1>Latest News</h1><img id="dwt3" src="img/icon2.png">
				<div class="y1">
					<div class="tt"><a class="btn">27</a></br><a class="btn1">APR</a></div>
					<div class="zz">
						<p style="color: black;">Duis posuere consectetur pellentesqe;</br>April 27.03.13</p>
						</br><p>Sed nisi turpis, pellentesque at ultrices in dapibus in magna. Nunc easi diam risus,placerat ut scelerisque suscipit eu ante. Nullam vitae dolor ullcper felises</p>
					</div>
				</div>
				<div class="y1">
					<div class="tt1"><a class="btn">28</a></br><a class="btn1">APR</a></div>
					<div class="zz">
						<p style="color: black;">Kuuis posuere consectetur pellentes;</br>April 28.03.13</p>
						</br><p>Eed nisi turpis, pellentesque at ultrices in dapibus in magna. Nunc easi diam risulacerat ut scelerisque et suscipit eu ante. Nullam vitae dolor ullcper felises.</p>
					</div>
				</div>
				<div class="y1">
					<div class="tt"><a class="btn">29</a></br><a class="btn1">APR</a></div>
					<div class="zz">
						<p style="color: black;">Opuis posuere honsectetur pellentesyt;</br>April 29.03.13</p>
						</br><p>Koed nisi turpis, pellentesque at ultrices in dapibus in magna. Nunc easi diam risujo placerat ut scelerisque et suscipit eu ante. Ullam vitae dolor ullcper felises.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="banquan">
 				<a>月木&copy;宠物店&copy;2020</a>
 			</div>
		</div>
	</body>
</html>